
.main{
  height: 100vh;
}

.tab{
  height: 7vh;
  display: flex;
  line-height: 7vh;
}

.tab view{
  flex: 1 0 auto;
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.tab .active{
  color: #ff5f19;
  border-bottom: 3px solid #ff5f19;
  padding-bottom:1.5vh;
}

.divider-order{
  height: 2vh;
  background: #f1f1f1;
  margin-top:1vh;
}

.list{
	position: absolute;
	top : 10vh;
  height: 90vh;
}
.item{
  border-bottom: 1px solid #ddd;
  padding: 20rpx 24rpx;
  height: 175px;
}

.goodsimg{
  height: 150rpx;
  width: 150rpx;
  margin-right: 20rpx;
  border-radius: 4px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
}

.detail-plus{
	margin-top: 10px;
	font-size: 24rpx;
	color: #999999;
}

.end{
  width: 140rpx;
  margin-left: auto;
}
.time{
  font-size: 12px;
  color: #666;  
  line-height: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.price{
  margin-top: 50%;
  font-size: 16px;
  text-align: end;
}

.route{
  border: 1px solid lightgray;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  width: 90px;
  margin: 0px;
  border-radius: 18px;
  text-align: center;
}
.route::after{
  border: none;
}
.confirm{
  background:#38c6d1;
  color: white;
  border: none;
}
.comment{
  background: darkorange;
}
.pay{
  background: #0a810a;
}
.confirm-hover{
  background: #666;
}

.exception{
  width: 55px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
  color: white;
  border-radius: 4px;
}

.time-black{
	color: #000000;
}

/* orderdetail */
.detail-top{
	padding: 10px 12px ;
	height: 115px;
}

.detail-item{
	border-bottom: 1px solid #ddd;
	padding: 20px 12px;
}

.divider-detail{
  height: 13px;
  background: #f1f1f1;
}

input{
	margin-top: 10px;
}

.uploadImage{
	margin-top: 10px;
	width: 100%;
	height: 500rpx;
	/* border: 1px solid #000000; */
}

.select-photo{
	margin-top: 10px;
	margin-right: 8px;
	width: 50px;
	height: 50px;
}

.row-wrap{
	display: inline-block;
}

.plus-border{
	border: 0.5px dotted #515151;
}